@CHARSET "UTF-8";
/*
 * 数据展示组件
 * 1. 表格组件		Table
 * 2. 菜单组件		Menu
 * 3. 多级列表组件	List
 */
 
/* 1. 表格组件 */
.FrichUI_Table_Frame
{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: auto;
	font-family: monospace,Arial,sans-serif;
	border: 2px solid #9CB26A;
}
.FrichUI_Table_Frame table
{
	border-collapse:collapse;
}
.FrichUI_Table_Frame td,
.FrichUI_Table_Frame th
{
	white-space: nowrap;		/* 由传入属性控制，此处为default */
}
.FrichUI_Table_Frame td
{
	padding: 3px 5px 3px 5px;
	height: 22px;
}
.FrichUI_Table_Frame th
{
	padding: 0px 5px 0 5px;
	height: 35px;
}
.FrichUI_Table_Frame .FrichUI_Table_Floated
{
	
}
.FrichUI_Table_c8
{
	width: 200px;
}
.FrichUI_Table_c9
{
	width: 100px;
}
/* 1.1 表格主体 */
.FrichUI_Table_Content
{
	position: static;
	display: block;
}
.FrichUI_Table_ContentTable
{
	width: 100%;
}
.FrichUI_Table_TitleRow
{
	font-size: 14px;
	background-color: #9CB26A;
	color: #FFF;
}
.FrichUI_Table_DataRow
{
	font-size: 12px;
	padding: 0 0 1px 0;
	border-bottom: 1px solid #DDD;
}
.FrichUI_Table_DataRow:nth-last-child(1)
{
	border-bottom: none;
}
.FrichUI_Table_DataRow:nth-child(2n)
{
	background: #FFF;
}
.FrichUI_Table_DataRow:nth-child(2n-1)
{
	background: #F1F1F1;
}
.FrichUI_Table_DataRow_active,
.FrichUI_Table_DataRow_Select
{
	background: #BFB !important;
}
/* 1.2 浮动标题 */
.FrichUI_Table_FloatTitle
{
	position: absolute;
	display: block;
	visibility: hidden;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 200;
	transition: visibility 0.3s ease-out,
	top 0.3s ease-in-out,
	opacity 0.3s ease-in-out;
}
.FrichUI_Table_TitleTable
{
	width: 100%;
}

/* 1.3 浮动列 */
.FrichUI_Table_FloatColumn
{
	position: absolute;
	display: block;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 100;
	transition: visibility 0.3s ease-out,
	left 0.3s ease-in-out,
	opacity 0.3s ease-in-out;
}
.FrichUI_Table_ColumnTable
{
	width: auto;
}

/* 1.4 浮动表头 */
.FrichUI_Table_FloatHeader
{
	position: absolute;
	display: block;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 300;
	transition: visibility 0.3s ease-out,
	top 0.3s ease-in-out,
	left 0.3s ease-in-out,
	opacity 0.3s ease-in-out;
}
.FrichUI_Table_HeaderTable
{
	width: auto;
}

/* 1.5 附加功能 */
.FrichUI_Table_Frame .FrichUI_Table_CheckColumn
{
	padding-left: 3px;
	padding-right: 3px;
}

/* 2. 菜单组件 ************************/
.frichUI_Menu_Frame
{
	display: block;
	padding: 0;
	background: #4c5469;
}
.frichUI_Menu_Frame a
{
	text-decoration: none;
}
.frichUI_Menu_House
{
	position: static;
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.frichUI_Menu_Room
{
	position: static;
	display: block;
	padding: 0;
	height: 35px;
	overflow: hidden;
}
.frichUI_Menu_Select
{
	background: #42495a;
	/* background: #3d4455; */
}
.frichUI_Menu_Room a
{
	display: block;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	height: 35px;
	line-height: 35px;
	color: #73b1ae;
	cursor: pointer;
}
.frichUI_Menu_Select a
{
	color: #FFF;
}
.frichUI_Menu_Room a:hover
{
	color: #FFF;
	background: #3d4455;
}
.frichUI_Menu_Level1 a
{
	padding-left: 10px;
	font-size: 14px;
	font-weight: normal;
}
.frichUI_Menu_Level2 a
{
	padding-left: 25px;
	font-size: 12px;
	font-weight: normal;
}
.frichUI_Menu_Level3 a
{
	padding-left: 40px;
	font-size: 12px;
	font-weight: normal;
}
.frichUI_Menu_Level4 a
{
	padding-left: 55px;
	font-size: 12px;
	font-weight: normal;
}
.frichUI_Menu_Room a
{
	transition: color .3s ease-out,
	background-color .3s ease-out;
}
.frichUI_Menu_Room
{
	transition: background-color .3s ease-out;
}
.frichUI_Node
{
	display: block;
	float: left;
	border: 1px solid #FFF;
	background-color: #FFF;
	margin: 12px 10px 12px 0px;
	width: 4px;
	height: 4px;
	border-radius: 4px 4px;
}
/* 3. 菜单组件 */



/*
 * 控制组件
 * 1. 对话框	Dialog
 * 2. 滑动条	Slider
 */
 
/* 1. 对话框 */
.frichUI_Cover
{
	position: absolute;
	display: none;
	/*
	width: 100%;	自动设置为document宽高
	height: 100%;
	*/
	top: 0;
	z-index: 99999;
	background-color: rgba(60, 60, 60, .5);
}
.frichUI_Dialog_Frame
{
	position: fixed;
	display: block;
	top: 30%;
	left: 30%;
	min-width: 244px;
	z-index: 999999;
	border: 2px solid #9CB26A;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 30px #FFF;
}
/* 1.1 会话头 */
.frichUI_Dialog_Title
{
	position: static;
	display: block;
	width: 100%;
	height: 30px;
	background: #9CB26A;
}
.frichUI_Dialog_Name
{
	position: static;
	display: block;
	float: left;
	line-height: 30px;
	padding: 0;
	margin: 0 0 0 10px;
	font-size: 14px;
	color: #FFF;
	cursor: default;
}
/* 1.2 会话主体 */
.frichUI_Dialog_Content
{
	position: static;
	display: block;
	min-height: 40px;
	padding: 30px 50px 30px 100px;
	background-color: #FFF;
}
/* 1.3 会话域 */
.frichUI_Dialog_Foot
{
	position: static;
	display: block;
	width: 100%;
	height: 30px;	
	background-color: #F1F1F1;
}
/* 1.4 事件器 */
.frichUI_Dialog_Close,
.frichUI_Dialog_Full,
.frichUI_Dialog_Min
{
	position: static;
	display: block;
	float: right;
	width: 20px;
	height: 20px;
}
.frichUI_Dialog_Close
{
	margin: 5px 5px;
	cursor: pointer;
	background: url(image/Button.png) -40px 0 no-repeat ;
}
.frichUI_Dialog_Close:hover
{
	background: url(image/Button_hover.png) -40px 0 no-repeat ;
}
.frichUI_Dialog_Full
{
	margin: 5px 2px;
	background: url(image/Button.png) -20px 0 no-repeat ;
}
.frichUI_Dialog_Full:hover
{
	background: url(image/Button_hover.png) -20px 0 no-repeat ;
}
.frichUI_Dialog_Min
{
	margin: 5px 2px;
	background: url(image/Button.png) 0px 0 no-repeat ;
}
.frichUI_Dialog_Min:hover
{
	background: url(image/Button_hover.png) 0px 0 no-repeat ;
}
.frichUI_Dialog_Info,
.frichUI_Dialog_Help,
.frichUI_Dialog_Warning,
.frichUI_Dialog_Success,
.frichUI_Dialog_Error
{
	position: static;
	display: block;
	float: left;
	margin: 0 0 0 -73px;
	width: 40px;
	height: 40px;
}
.frichUI_Dialog_Info
{
	background: url(image/UI.png) 0px -4px no-repeat ;
}
.frichUI_Dialog_Help
{
	background: url(image/UI.png) 0px -51px no-repeat ;
}
.frichUI_Dialog_Warning
{
	background: url(image/UI.png) 0px -95px no-repeat ;
}
.frichUI_Dialog_Success
{
	background: url(image/UI.png) 0px -144px no-repeat ;
}
.frichUI_Dialog_Error
{
	background: url(image/UI.png) 0px -192px no-repeat ;
}
.frichUI_Dialog_Yes,
.frichUI_Dialog_No,
.frichUI_Dialog_Confirm,
.frichUI_Dialog_Cancle
{
	position: static;
	display: block;
	float: right;
	padding: 0px 15px;
	height: 21px;
	line-height: 21px;
	font-size: 12px;
	text-align: center;
	border: 1px solid #CCC;
	border-radius: 5px 5px 5px 5px;
	margin: 3.5px 10px 3.5px 0;
	background: #6fa5ff;
	transition: background-color .4s ease-in-out;
	color: #FFF;
	cursor: pointer;
}
.frichUI_Dialog_Yes:hover,
.frichUI_Dialog_No:hover,
.frichUI_Dialog_Confirm:hover,
.frichUI_Dialog_Cancle:hover
{
	background: #3481ff;
}

/* 2. 滑动条 */
.frichUI_FloatControle_Frame
{
    position: relative;
    display: block;
    /*width: 100%; 在js中定义 */
    /*height: 100%; 在js中定义 */
}
.frichUI_FloatControle_Liner
{
    position: absolute;
    width: 100%;
    /* top: 19px; 在js中定义 */
    /* border-bottom: 2px solid rgb(221, 221, 221); */
}
.frichUI_FloatControle_FloaterLiner
{
    position: absolute;
    /* width: 60px; 在js中定义 */
    /* top: 19px; 在js中定义 */
    /* border-bottom: 2px solid rgb(71, 80, 89); */
}
.frichUI_FloatControle_Floater
{
    position: absolute;
    /*width: 14px; 在js中定义 */
    /*height: 14px; 在js中定义 */
    /*left: 60px; 在js中定义 */
    /*border-radius: 7px 7px; */
    /*background-color: rgb(71, 80, 89); */
    /*top: 13px; 在js中定义 */
}
.frichUI_FloatControle_FloaterLiner,
.frichUI_FloatControle_Floater
{
    transition: width linear .2s,
        left linear .2s;
}